/**
 * Created by lenovo on 2017/5/8.
 * 店铺图片、星级评价信息组件
 * 添加组件：星级评价StoreStars
 */
import React from 'react';
import StoreStars from './storeStars.react'

//图片资源
// import storeUrl from '../img/uniqlo_logo@2x.png'

export default class StorePageStore extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        const storePageStoreData = this.props.storePageStoreData;
        //判断数据的可靠性
        storePageStoreData.storeUrl === '' ? storePageStoreData.storeUrl = '' : storePageStoreData.storeUrl = storePageStoreData.storeUrl;
        storePageStoreData.storeName === '' ? storePageStoreData.name = '暂无' : storePageStoreData.name = storePageStoreData.name;
        storePageStoreData.storeStars === '' ? storePageStoreData.storeStars = 0 : storePageStoreData.storeStars = storePageStoreData.storeStars;
        storePageStoreData.storeTime === '' ? storePageStoreData.storeTime = '暂无' : storePageStoreData.storeTime = storePageStoreData.storeTime;

        document.title = storePageStoreData.storeName;

        return (
            <div className="storeStoreContainer">
                <div className="imgBox">
                    <img className="storeAppear" src={storePageStoreData.storeUrl}/>
                </div>
                <div className="storeBox">
                    <span className="counterSpan storeName">
                        {storePageStoreData.storeName}伦敦乐高旗舰店
                    </span>
                    <span className="counterSpan storeOfficeHour">
                        {storePageStoreData.storeTime}10:00-18:00
                    </span>
                    <StoreStars numOfStars={storePageStoreData.storeStars}/>
                </div>
            </div>
        )
    }
}

